/* ================= General ================= */
#wrapper
{
    width: 960px;
}
#footer
{
    bottom: 40px !important;
}

.clearfooter
{
    clear: both;
    height: 0px;
}


/* =================Main menu ================= */

#header #pnlMenu
{
    margin-bottom: 0px\9;
}

.pnltablecontent
{
    margin-top: 20px;
}
.pnlformcontent
{
    border: none !important;
}
.redtxt, .install-text
{
    line-height: 24px !important;
    font-size: 18px !important;
    vertical-align: middle !important;
}
.button
{
    font: bold 24px "Trebuchet MS" ,Arial,Helvetica,sans-serif;
}

@media only screen and (orientation : portrait)
{
    #wrapper #loginbody #whiteboxheader
    {
        background-image: url("../Images/loginbox-header-port.png");
        height: 57px;
        width: 500px;
        margin: auto auto -10px auto;
    }

    #wrapper #loginbody #transparentbox #whitebox
    {
        height: 250px;
        width: 500px;
        margin: 0 auto;
    }
    #whitebox #inputfields .txtusernamediv, #whitebox #inputfields .txtpassworddiv
    {
        height: 77px;
        width: 327px;
    }
    #whitebox #inputfields .labelusernamediv, #whitebox #inputfields .labelpassworddiv
    {
        height: 55px;
        width: 150px;
        padding-top: 22px;
    }
    #wrapper #loginbody #errordiv, #transparentbox #supportDiv, #whitebox #inputfields .labelusernamediv, #whitebox #inputfields .txtusernamediv, #whitebox #inputfields .labelpassworddiv, .bordernone, .install-text, .redtxt
    {
        font-size: 22px !important;
    }

    .button
    {
        font: bold 30px "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    }
    #wrapper #loginbody #errordiv
    {
        margin: 140px auto 30px;
        width: 600px;
    }
    #footer
    {
        bottom: -500px !important;
    }
}
